<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    中科信工社区管理平台
  </title>

  <vc:create path="frame/commonTop" location="head"></vc:create>
  <link rel="stylesheet" href="/layui/css/layui.css?time=1">
  <link rel="stylesheet" href="/css/vc-ui.css?time=1"/>
  <link rel="stylesheet" href="/css/theme.css?time=1"/>

  <script src="/js/vue/vue.min.js"></script>
  <script src="/js/vue/vue-resource.min.js"></script>
</head>

<body>
<div class="layui-carousel video_mask" id="login_carousel">
  <vc:create path="frame/bodyTop"></vc:create>

  <div carousel-item>
    <div class="carousel_div1"></div>
    <div class="carousel_div2"></div>
    <div class="carousel_div3"></div>
  </div>
  <div class="login layui-anim layui-anim-up">
    <div class="layui-logo logo-title">
      <vc:i18n name="systemName"></vc:i18n>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
      <legend class="text-white" style="margin-left: 10px">
        <vc:i18n name="subSystemName"></vc:i18n>
      </legend>
    </fieldset>
    <div id="component" class="layui-form" action="" method="post">
      <vc:create path="/pages/frame/login"></vc:create>
    </div>
    <hr class="layui-bg-gray">
    <div class="layui-footer text-white">
      <!-- 底部固定区域 -->
      &copy;2019-2021
      <vc:i18n name="companyTeam"></vc:i18n>
    </div>
  </div>
</div>

<script src="/js/bootstrap/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<script src="/vcCore/vc-zh.js"></script>
<script src="/vcCore/vcFramework.js"></script>

<script type="text/javascript">
  var layer = layui.layer,
      form = layui.form,
      carousel = layui.carousel;

  // 背景图片轮播
  carousel.render({
    elem: '#login_carousel',
    width: '100%',
    height: '100%',
    interval: 3000,
    arrow: 'none',
    anim: 'fade',
    indicator: 'none'
  });
</script>
</body>

</html>